<template>
    <div>
        <h2>学生模块</h2>
        <table class="table table-striped">
            <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>专业</th>
            </tr>
            <tr v-for="stu in students" :key="stu">
                <td>{{stu.id}}</td>
                <td>{{stu.name}}</td>
                <td>{{stu.gender}}</td>
                <td>{{stu.profession}}</td>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        name: "Student",
        data(){
            return{
                students:[
                    {id:'1018',name:'杨东东',gender:20,profession:'软件工程'},
                    {id:'2032',name:'晓虹虹',gender:20,profession:'软件工程'}
                ]
            };
        }
    }
</script>

<style scoped>

</style>